<template>
  <el-menu :default-openeds="['1', '3']" style="min-height: 100%; overflow-x:hidden"
           background-color="rgb(50,40,60)"
           text-color="#fff"
           active-text-color="#FF4500"
            router>
    <div style="height: 60px;line-height: 60px;text-align: center;">
      <img src="../assets/shnu.png" alt="" style="width: 60px;position: relative;top: 10px">
      <b style="color: azure">后台管理系统</b>
    </div>
    <el-menu-item-group index="0">
      <el-menu-item index="home">主页</el-menu-item>
    </el-menu-item-group>
    <el-submenu index="1">
      <template slot="title"><i class="el-icon-message"></i>商品管理</template>
      <el-menu-item-group>
        <el-menu-item index="sell">在售商品</el-menu-item>
        <el-menu-item index="1-1">下架商品</el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="1-3">选项3</el-menu-item>
      </el-menu-item-group>
      <el-submenu index="1-4">
        <template slot="title">选项4</template>
        <el-menu-item index="1-4-1">选项4-1</el-menu-item>
      </el-submenu>
    </el-submenu>
    <el-submenu index="2">
      <template slot="title"><i class="el-icon-menu"></i>用户管理</template>
      <el-menu-item-group>
        <template slot="title">分组一</template>
        <el-menu-item index="2-1">选项1</el-menu-item>
        <el-menu-item index="2-2">选项2</el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="2-3">选项3</el-menu-item>
      </el-menu-item-group>
      <el-submenu index="2-4">
        <template slot="title">选项4</template>
        <el-menu-item index="2-4-1">选项4-1</el-menu-item>
      </el-submenu>
    </el-submenu>
    <el-submenu index="3">
      <template slot="title"><i class="el-icon-setting"></i>订单管理</template>
      <el-menu-item-group>
        <template slot="title">分组一</template>
        <el-menu-item index="3-1">选项1</el-menu-item>
        <el-menu-item index="3-2">选项2</el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group title="分组2">
        <el-menu-item index="3-3">选项3</el-menu-item>
      </el-menu-item-group>
      <el-submenu index="3-4">
        <template slot="title">选项4</template>
        <el-menu-item index="3-4-1">选项4-1</el-menu-item>
      </el-submenu>
    </el-submenu>
  </el-menu>
</template>

<script>
export default {
  name: "Aside"
}
</script>

<style scoped>

</style>